.yg-classify{
  .classify-nav {
    .classify-nav-content {
      background-color: var(--themeColor);
      color: #fff;
      .am-navbar-title {
        font-size: 0.373333rem;
      }
    }
  }
  .yg-classify-content {
      display: flex;
    .classify-content-left {
      flex: 1;
      height: calc(100vh - 3.866667rem);
      background-color: #f3f3f3;
      overflow-y: scroll;
      .content-left-item{
        height: 1.166667rem;
        padding: 10px 0;
        text-align: center;
        span{
          display: block;
          height:  0.533333rem;
          line-height: 0.533333rem;
          font-size: 0.426667rem;
        }
        .active{
          border-left: 2px solid var(--themeColor);
          color: var(--themeColor);
        }
      }
    }
 
     
      .classify-content-right {
        flex: 3;
        height: calc(100vh - 3.866667rem);
        // background-color: #f21cc0;
        overflow-y: scroll;
        .content-right-item {

          .content-right-title {
              text-align: center;
              height: 1.066667rem;
              line-height: 1.066667rem;
          }
      
          .content-right-product {
            display: flex;
            flex-wrap: wrap;
            .right-product-item {
              width: 33%;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              img {
                width: 1.6rem;
                height: 1.6rem;
              }
              span {
                margin: 0.133333rem 0;
              }
            }
          }
        }
      }
  }
}